iT邦幫忙

2022 iThome 鐵人賽

DAY 26
0
Modern Web

前端開發維護筆記 - 打造健康的前端專案系列 第 26

Playwright 作為 E2E 測試框架的優點

  • 分享至 

  • xImage
  •  

E2E test 的測試框架也有好幾個常見的選擇,而我們在 E2E test 方面選擇使用 Playwright 作為測試框架。

Playwright 作為測試框架大致上有這些好處:

  1. 支援主流瀏覽器

    支援使用 Chromium、Firefox 和 WebKit 進行測試,這就幾乎包含了所有的主流瀏覽器。

  2. Headless and headed

    測試時使用 Headless 可以讓測試更有效率,而除錯時也能實際開啟瀏覽器協助我們排除問題。

  3. 彈性多樣的選擇器

    可以使用常見的 CSS 選擇器,也有許多擴充的方法讓我們能寫出更有可讀性的測試 code。

  4. 自動等待動作

    常見的元素點擊、輸入等動作,Playwright 會自動等待元素出現後才進行,可以減少很多我們自己去設定 Timeout 的情況。

  5. 可以隔離 browser contexts 瀏覽器上下文

    有時候我們會需要測試不同使用者共同操作頁面時的連動性,例如聊天室、共筆,或其他可能需要同時開啟多分頁在不同狀態下測試的情境,Playwright 可以透過隔離 browser contexts 在一個測試腳本中做到。


上一篇
什麼情境選擇 E2E 測試
下一篇
Playwright globalSetup
系列文
前端開發維護筆記 - 打造健康的前端專案27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言